﻿@model smp.ButterflyCakes.Models.ViewModels.Order.PotentialSizesView
<table class="table table-hover" width="100%">
    <tr>
        <th style="width: 60%">
            Size
        </th>
        <th style="width: 20%">
            Portions
        </th>
        <th>
        </th>
    </tr>
    <tr>
        <td colspan="3" class="pull-left">
            <strong>Round</strong>
        </td>
    </tr>
    @foreach (var round in Model.Round)
    {
        <tr>
            <td>
                @round.Size diameter
            </td>
            <td>
                @round.Portions
            </td>
            <td>
                <a href="#" class="btn btn-info selectsize" size="@round.Size" width="@round.Width" cakeshape="0" style="color: white">
                    Select</a>
            </td>
        </tr>
    }
    <tr>
        <td colspan="2" class="pull-left">
            <strong>Square</strong>
        </td>
    </tr>
    @foreach (var square in Model.Square)
    {
        <tr>
            <td>
                @square.Size by @square.Size square
            </td>
            <td>
                @square.Portions
            </td>
            <td>
                <a href="#" class="btn btn-info selectsize" size="@square.Size" width="@square.Width" cakeshape="1" style="color: white">
                    Select</a>
            </td>
        </tr>
    }
    <tr>
        <td colspan="2">
            <strong>Rectangle</strong>
        </td>
    </tr>
    @foreach (var rectangle in Model.Rectangle)
    {
        <tr>
            <td>
                @rectangle.Size by @rectangle.Width
            </td>
            <td>
                @rectangle.Portions
            </td>
            <td>
                <a href="#" class="btn btn-info selectsize" size="@rectangle.Size" width="@rectangle.Width" cakeshape="2" style="color: white">
                    Select</a>
            </td>
        </tr>
    }
</table>
<a href="#" id="portionselectcancel" class="btn btn-warning" style="color: white">Cancel</a>
